<style>
    html,
    body {
        height: 100%;
    }

    #main {
        margin-bottom: 250px;
    }

    #xbn-app {
        height: 100%;
    }

    #main_page {
        position: relative;
        height: 100%;
        display: table;
        width: 100%;
        background: #fff;
    }

    #foot {
        background-color: #127de0;
        color: #fffefe;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
</style>
<template>
    <div id="main_page">
        <div id="nav">
            <div class="nt-page-head">
                <div class="min_width fix">
                    <a href="javascript:;" class="fL" @click="toHomePage()">首页</a>
                    <a href="javascript:;" class="fR" @click="handleLogout()">退出登录</a>
                </div>
            </div>
        </div>
        <div id="main" class="min_width">
            <div id="content-box">
                <router-view></router-view>
            </div>
        </div>
        <div id="foot">
            <footerpage></footerpage>
        </div>
    </div>
</template>

<script>
    import footerpage from './footer_page.vue';
    export default {
        components: {
            footerpage
        },
        data() {
            return {
            }
        },
        methods: {
            async handleLogout() {
            },
            toHomePage() {
                this.$router.replace('/main/homepage');
            }
        },
        created() {
            this.$router.replace('/main/homepage');
        }
    }
</script>